<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>欢聚网</title>
  <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <style>
    * {
      margin: 0;
      padding: 0;
    }

    body {
      background: rgb(255, 51, 51);
    }

    img {
      width: 100%;
    }

    .content {
      width: 95%;
      margin: 0px auto;
      background: rgba(255, 255, 255, 0.6);
      border-radius: 5px;
      padding: .3rem 0px;
      text-align: center;
    }

    input[type='tel'] {
      width: 90%;
      height: 40px;
      border: none;
      font-size: 16px;
      padding-left: 10px;
      margin: 10px 0px;
    }

    .combtn {
      width: 93%;
      height: 40px;
      background-color: #fe4d3d;
      border: 0;
      cursor: pointer;
      color: #FFFFFF;
    }

    .sec-sub-title {
      line-height: 1rem;
      background-size: 100% auto;
      background-position: 0px;
      font-size: 14px;
      color: #333333;
      text-align: center;
      font-weight: normal;
      margin: 0 auto;
      margin-top: 0.25rem;
      width: 93%;
    }

    .rule {
      font-size: 14px;
      color: #333333;
      text-align: center;
      font-weight: normal;
      margin: 10px;
      word-wrap: break-word;
    }
  </style>
</head>

<body>
  <div id="page_one">
    <div>
      <img id="abg" src="img/abg.png">
    </div>
    <div class="content">
      <p style="line-height:30px;color:#333333;" id="name"></p>
      <!-- <input id="phone-input" type="tel" class="borderradius-3" placeholder="请输入您的手机号" maxlength="11"> -->
      <input id="capture-btn" class="combtn" type="button" value="立即领取">
    </div>
    <div style="height:10px;"></div>
    <div class="content">
      <h4 class="sec-sub-title">活动规则</h4>
      <div class="rule" id="rule">

      </div>
    </div>
  </div>
  <div id="page_two" style="display:none;">
    <div class="content" style="margin-top:200px;">
      <div class="rule">
          <p style="line-height:30px;">优惠劵不存在。</p>
          <input onclick="location.href='/'"  class="combtn" type="button" value="到欢聚网去看看">
      </div>
    </div>
  </div>
  </div>
  <script src="../js/common/jquery.min.js"></script>
  <script src="../js/common/common.js"></script>
  <script src="../js/coupon/index.js"></script>
</body>




</html>
